<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">
		window.onload = function () {
			box = document.getElementById('box');

			// console.log(box.style.width);
			// 
			// width = window.getComputedStyle ? window.getComputedStyle(box,null).width : box.currentStyle.width;

			// console.log(width)

			// box.href = "http://www.163.com";


			// box.setAttribute('xbs','9999');

			// console.log(box.getAttribute('xbs'));





			// box.xbs  = 999;


			// box.style.fontSize = "40px";

			// box.style.color = "red";

			// box.style.paddingTop = "10px";
			// 
			box.innerHTML = "中国人";

			// console.log(box.innerHTML);
			// console.log(box.textContent);

		}
	</script>
	<style type="text/css">
		#box{
			font-size: 20px;
			padding-top: 30px;
			width: 200px;
			display: block;
		}
	</style>
</head>
<body>
	<a id="box" href="http://www.baidu.com" name="学并思"  xbs="888" ><span>学并思</span></a>
</body>
</html>